/**
 * [公共样式]
 * @Author   zhanggongze
 * @DateTime 2017-12-15
 */

/**
 *媒体查询 移动端专用 
 */

@media screen and (min-width: 320px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 56.25px;
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 58.59375px;
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 62.5px;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 64.6875px;
    }
}

@media screen and (min-width: 440px) {
    html {
        font-size: 68.75px;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 75px;
    }
}

@media screen and (min-width: 520px) {
    html {
        font-size: 81.25px;
    }
}

@media screen and (min-width: 560px) {
    html {
        font-size: 87.5px;
    }
}

@media screen and (min-width: 600px) {
    html {
        font-size: 93.75px;
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 100px;
    }
}

@media screen and (min-width: 680px) {
    html {
        font-size: 106.25px;
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 112.5px;
    }
}

@media screen and (min-width: 760px) {
    html {
        font-size: 118.75px;
    }
}

@media screen and (min-width: 800px) {
    html {
        font-size: 125px;
    }
}

@media screen and (min-width: 960px) {
    html {
        font-size: 150px;
    }
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    font-size: 12px;
    color: #555;
    font-family: Microsoft YaHei, SimSun;
    line-height: 1;
}

fieldset,
img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

input,
button,
select,
textarea {
    outline: none;
}

textarea {
    resize: none;
}

/*禁用了文本的拖拉，尤其在谷歌下*/

p {
    text-align: justify;
    text-justify: distribute;
}

/*为了使文本段落左右两边对齐*/

p {
    word-wrap: break-word
}

a {
    text-decoration: none;
}

i {
    display: inline-block;
}

span {
    display: inline-block;
}

/* a:hover { color: #f60; text-decoration:none; } */

a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

/*a:link{color:#009;}*/

/*a:visited{color:#800080;}*/

a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*应该把自己喜欢的下拉框，表格，之类*/

/*一些自己平时喜欢使用的式样*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.row {
    width: 100%;
}

.test {
    border: 1px solid red;
}

.marginAuto {
    margin: 0 auto;
}

.textCenter {
    text-align: center;
}

.inlineblock {
    display: inline-block;
}

.clearAfter:after {
    visibility: hidden;
    clear: both;
    display: block;
    height: 0px;
    content: ".";
}

.clearfix {
    clear: both;
}

.block {
    display: block;
}

/*对于行内样式这个时候就不能show和hide了，这个必须使用removeClass('none')*/

.none {
    display: none;
}

/*absolute relative*/

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

/*normalize.css 一些东西添加进来*/

html {
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}

/**
  * Add the correct display in IE 9-.
  */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
  * Add the correct display in IE 9-.
  * 1. Add the correct display in IE.
  */

figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
    ========================================================================== */

/**
  * 1. Remove the gray background on active links in IE 10.
  * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  */

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
  * Remove the outline on focused links when they are also active or hovered
  * in all browsers (opinionated).
  */

a:active,
a:hover {
    outline-width: 0;
}

/**
  * 1. Remove the bottom border in Firefox 39-.
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
  * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  */

b,
strong {
    font-weight: inherit;
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */

b,
strong {
    font-weight: bolder;
}

/* Embedded content
    ========================================================================== */

/**
  * Add the correct display in IE 9-.
  */

audio,
video {
    display: inline-block;
}

/**
  * Add the correct display in iOS 4-7.
  */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
  * Remove the border on images inside links in IE 10-.
  */

img {
    border-style: none;
}

/**
  * Hide the overflow in IE.
  */

svg:not(:root) {
    overflow: hidden;
}

/* Forms
    ========================================================================== */

/**
  * 1. Change the font styles in all browsers (opinionated).
  * 2. Remove the margin in Firefox and Safari.
  */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  *    controls in Android 4.
  * 2. Correct the inability to style clickable types in iOS and Safari.
  */

button,
html [type="button"],
/* 1 */

[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
  * Remove the inner border and padding in Firefox.
  */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
  * Restore the focus styles unset by the previous rule.
  */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
  * Change the border, margin, and padding in all browsers (opinionated).
  */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
  * 1. Add the correct display in IE 9-.
  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */

progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
  * Remove the default vertical scrollbar in IE.
  */

textarea {
    overflow: auto;
}

/**
  * 1. Add the correct box sizing in IE 10-.
  * 2. Remove the padding in IE 10-.
  */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
    ========================================================================== */

/*
  * Add the correct display in IE 9-.
  * 1. Add the correct display in Edge, IE, and Firefox.
  */

details,
/* 1 */

menu {
    display: block;
}

/*
  * Add the correct display in all browsers.
  */

summary {
    display: list-item;
}

/* Scripting
    ========================================================================== */

/**
  * Add the correct display in IE 9-.
  */

canvas {
    display: inline-block;
}

/**
  * Add the correct display in IE.
  */

template {
    display: none;
}

/* Hidden
    ========================================================================== */

/**
  * Add the correct display in IE 10-.
  */

[hidden] {
    display: none;
}

/* 默认圆角 */

.radius {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

/* 默认阴影*/

.shadow {
    box-shadow: 2px 2px 10px 1px #ccc;
    -moz-box-shadow: 2px 2px 10px 1px #ccc;
    -webkit-box-shadow: 2px 2px 10px 1px #ccc;
    -o-box-shadow: 2px 2px 10px 1px #ccc;
    -ms-box-shadow: 2px 2px 10px 1px #ccc;
}

/* 鼠标手势 */

/* Auto
 Crosshair
 Default
 Pointer
 Move
 e-resize
 ne-resize
 nw-resize
 n-resize
 se-resize
 sw-resize
 s-resize
 w-resize
 text
 wait
 help */

.cp {
    cursor: pointer;
}

.cc {
    cursor: crosshair
}

.cm {
    cursor: move
}

.cw {
    cursor: wait
}

.ch {
    cursor: help
}


/*iphone input 阴影*/
input[type="text"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}


/* 常用动画 */
.animated {
    animation-duration: .5s;
    animation-fill-mode: both
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}